<template>
  <div>
    <h1>{{ msg }}</h1>
    <h2>{{ obj.name }}</h2>
    <h2>{{ obj.yuanyin }}</h2>
    <center></center>
    <router-link :to="{ path: '/home' }">home</router-link>
    &nbsp;
    <span>|||</span>
    &nbsp;
    <router-link :to="{ name: 'about' }">about</router-link>
    <router-view></router-view>
  </div>
</template>

<script setup>
import Center from "./components/Center.vue";
const msg = ref("各位阳完了吗？");
const obj = reactive({
  name: "程龙",
  yuanyin: "冲进决赛圈",
});

// 只能写vue3语法  相当于setup函数内部
// ref reactive computed
// setup自动引入 unplugin-auto-import
// 下载npm i -D unplugin-auto-import
// 脚手架中配置文件更改项目重新启动
</script>

<style lang="scss" scoped>
</style>